<div class="login">
  <form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()">
    <nz-form-item>
      <nz-form-control>
        <div class="image"> <img src="assets/img/login.png">随餐饮艺企业管理平台</div>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-control>
        <nz-input-group nzPrefixIcon="anticon anticon-user">
          <input type="text" nz-input formControlName="userName" placeholder="手机号" [(ngModel)]="userName">
        </nz-input-group>
        <nz-form-explain *ngIf="validateForm.get('userName').dirty && validateForm.get('userName').errors">请输入手机号</nz-form-explain>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-control>
        <nz-input-group nzPrefixIcon="anticon anticon-lock">
          <input type="password" nz-input formControlName="password" placeholder="密码" [(ngModel)]="password">
        </nz-input-group>
        <nz-form-explain *ngIf="validateForm.get('password').dirty && validateForm.get('password').errors">请输入密码</nz-form-explain>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-control>
        <!-- <label nz-checkbox formControlName="remember">
          <span>记住密码</span>
        </label> -->
        <!-- <a class="login-form-forgot" class="login-form-forgot" (click)="login('访客')">访客登录<i nz-icon type="double-right" theme="outline" style="margin-left:.5rem;"></i></a> -->
        <button nz-button class="login-form-button" [nzType]="'primary'" (click)="login()">登录</button>
      </nz-form-control>
    </nz-form-item>
  </form>
</div>
